/* 头部 */
.qy-nav{
  padding:1.5rem 1rem;
}

.navbar-nav > li {
  display: inline-block;
  position: relative;
}

.navbar-nav .sub-nav {
  position: absolute;
  top: 60px;
  left: 0;
  background: #fff;
  width: 160px;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);

  opacity: 0; 
  z-index: 999;

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s; 
  transition: all 0.5s; 

  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0; 

  -webkit-transform:scaleY( 0 );
  -moz-transform:scaleY( 0 );
  -ms-transform:scaleY( 0 );
  -o-transform:scaleY( 0 );
  transform:scaleY( 0 ); 
}
.navbar-nav > li:hover .sub-nav { 
  opacity: 1; 
  visibility: visible;
  -webkit-transform:scaleY( 1 );
  -moz-transform:scaleY( 1 );
  -ms-transform:scaleY( 1 );
  -o-transform:scaleY( 1 );
  transform:scaleY( 1 ); 
}
.navbar-nav .sub-nav li{
  padding:3px 0px;
  border-bottom:1px solid #c1c1c1 ;
}
.navbar-nav .sub-nav li:last-child { 
  border-bottom:0px;
}

.qy-focus{

}
.qy-focus h1 {
  margin-top:30px;
  margin-bottom: 18px;
}
.qy-focus h1 span{
  background: #0076d3;
  color: #fff;
  padding:5px 10px;
}
.qy-focus h4 span{
  background: #262f36;
  color: #fff;
  padding:5px 10px;
}
.qy-index-new{
  border-bottom:1px solid #e5e5e5;
  padding-bottom: 2rem!important;
}
.qy-index-new .index-date{
  float:left;
  font-size: 16px;
  width: 80px;
  padding-top: 10px;
}
.qy-index-new .index-date .day{
  font-size: 20px;
}
.index-slide{
  max-height: 600px;
  overflow: hidden;
}

.index-notice {
  margin:0px;
  padding: 0px;
  margin-bottom: 15px;
}
.index-notice .num:nth-child(even) {  
  background: rgba(0,129,232,.9);
}
.index-notice .num:nth-child(odd) {
  background: rgba(0,79,178,.9);
}
.index-noticeW {padding: 40px 30px; color: #fff; position: relative; z-index: 22;}

.index-noticeW h2 {color:#fffa7a; font-size: 16px;}
.index-noticeW h3 {font-size: 24px;text-transform: capitalize;margin: 0;margin-bottom: 15px;color: #fff;}
.index-noticeW p {font-size: 14px;line-height: 26px;margin: 0;margin-bottom: 30px;}
.index-noticeW a.thm-btn {display: block; width: 106px; height: 38px; text-align: center; line-height: 30px; font-size: 12px; color: #fff; border: 2px solid #fff; border-radius: 21px;}
.index-noticeW a.thm-btn:hover {color: #186AAB; background: #fff;}
.index-noticeW a.order-sm{color:#fff;}
.index-noticeW a.order-sm:hover{color:#c1c1c1;}

.index-case{
  margin:0px;
  padding: 0px;
  padding-bottom: 3rem!important;
}
.index-case .num:nth-child(even) {
  background: rgba(0,79,178,.9);
}
.index-case .num:nth-child(odd) {
  background: rgba(0,129,232,.9);
}

.index-case .num .cont {width: 60%;margin: 0px auto; padding: 40px 30px; color: #fff; position: relative; z-index: 24;}
.index-case .num .cont h3 {font-size: 30px;text-transform: capitalize;margin: 0;margin-bottom: 15px;color: #fff;}
.index-case .num .cont p {font-size: 14px;line-height: 26px;margin: 0;margin-bottom: 30px;}
.index-case .num .cont a.detail {display: block; width: 106px; height: 38px; text-align: center; line-height: 30px; font-size: 12px; color: #fff; border: 2px solid #fff; border-radius: 21px;}
.index-case .num .cont a.detail:hover {color: #186AAB; background: #fff;}



.zp-img{
  height: 185px;
}
.zp-view{
  float:right;
}

.aboutcase{
  margin-top:20px;
}
.aboutcase .cnt-bg{
  margin: 0 1% 60px 1%;
  padding: 30px 30px;
  background: #fff;
  transition: all .3s ease-in;
  box-shadow:0px 0px  8px 0px #d0d0d0;
}

.aboutcase  .pic {
  float: left;
  margin-left:2%;
  width: 58%;
  box-sizing: border-box;
  padding: 3.5% 6.8% 8.42% 7%;
  background: url(../images/notebook.png) no-repeat center;
  background-size: 100%;
  overflow: hidden;
}

.aboutcase  .pic .case_list_img{
  margin-right: 0;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 58.82352%;
  background: no-repeat 50%;
  background-size: cover;
  transition: all .36s ease;
}


.aboutcase .cont {
  float: right;
  width: 38%;
  margin-right: 2%;
}

.aboutcaseHead {
  height: 88px;
}
.aboutcaseHead {
  margin-top: 30px;
}

.aboutcaseHeadPic {
  float: left;
  width: 84px;
  height: 84px;
  border: 1px solid #b6c4cd;
  border-radius: 100%;
  overflow: hidden;
}
.aboutcaseHeadPic img {
  max-width: 200%;
  max-height: 200%;
  transform: scale(1.3)
}
.aboutcaseHeadCont h2 {
  font-size: 20px;
  color: #333;
  height: 84px;
  line-height: 84px;
  overflow: hidden;
  padding-left:20px;
}


.aboutcaseHeadTxt {
  height: 130px;
  line-height: 26px;
  font-size: 14px;
  color: #888;
  margin-top: 25px;
}
.aboutcase  .cont a {
  display: block;
  width: 120px;
  height: 38px;
  line-height: 38px;
  margin: 0 auto;
  text-align: center;
  color: #0076d3;
  background: #fff;
  border: 1px solid #0076d3;
  border-radius: 2px;
}


.aboutcase .cnt-bg:hover{
  box-shadow:0px 0px  8px 0px #9c9c9c;
}


.aboutcase .cnt-bg .aboutcaseHeadPic:hover img {
  transform: scale(1.6)
}

.aboutcase .cnt-bg .cont a:hover {
  background: #073f8a;
  color: #fff;
}

@media (max-width: 991.98px){
  .aboutcase  .pic {
    display: none;
  }
  .aboutcase .cont {
    float: none;
    width: 85%;
    margin-right: 0px;    
    margin:0px auto;
  }
  
}

.qy-news{

}
.qy-news .newspic {
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding:0%;
  margin-right:4%;
  background-size: 100%;
  overflow: hidden;
  position: relative;
}
.qy-news  .newspic .case_list_img{
  margin-right: 0;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 58.82352%;
  background: no-repeat 50%;
  background-size: cover;
  transition: all .36s ease;
}
.qy-news  ul.newslistwarp li{
  clear: both;
  min-height: 190px;
  padding:20px 0px;
}
.qy-news  ul.newslistwarp li p{
  line-height: 23px;
}

.newspic .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: all .5s ease;
    background: rgba(37,98,179, .75);
}
.newspic:hover .bg {
  transform: scale(1);
}


.newspic .bg a {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  text-align: center;
  background: #fff;
  color: #186AAB;
  border: 1px solid #fff;
  font-size: 20px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  opacity: .5;
  z-index: 22;
}
.newspic .bg a:hover {
  background: #186AAB;
  border-color: #fff;
  color: #fff;
}




.qy-contact{
  padding-top: 10px;
  padding-bottom: 10px;
}
.qy-contact .content{
  position: absolute;
  z-index: 20;
}
.qy-contact .content .maskcontent{
  margin-top:100px;
  padding:30px;
  background-color:rgba(255,255,255,0.8);
}
.qy-about .content{
  font-size: 16px;
}
.qy-about .content .aboutCntHead {
  width: 82%;
  margin: 10px auto 30px;
  text-align: center;
}
.qy-about .content .aboutCntHead h3 {
  letter-spacing: 10px;
  font-family: Arial;
  font-size: 10px;
  color: #333;
}
.qy-about .content .aboutCntHead h2 {
  font-size: 25px;
  color: #0382db;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.qy-snav{
  margin-bottom:20px;
}
.qy-snav ul{
  margin: 10px auto;
  text-align: -webkit-match-parent;
}
.qy-snav ul li {
  display: inline-block;
  width: 114px;
  height: 46px;
  margin: 4px 4px;
  line-height: 46px;
  text-align: center;
}

.qy-snav  ul li.active a {
  color: #fff;
  background-color: #e62129;
}
.qy-snav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #555;
  background-color: #f1f1f1;
  border-radius: 2px;
}
.qy-snav ul li a:hover{
  color: #fff;
  background-color: #0382db;
}


#bmap {
  height: 600px;
  margin:0 auto;
}



.qy-jobs .card:hover{
  box-shadow:0px 0px  8px 0px #d0d0d0;
}
.qy-jobs .card .job-name{
  font-weight: bold;
  font-size: 16px;
  margin-top:15px;
  margin-bottom:15px;
}

.qy-jobs .card .job_list_img{
  margin-right: 0;
  position: relative;

  width: 100%;
  height: 0;
  padding-top: 58.82352%;
  background: no-repeat 50%;
  background-size: cover;
  transition: all .36s ease;
}

.qy-jobs .card .job_list_img:hover{
  transform: scale(1.05);
}



.qy-jobs .card .btn{
  float: right;
}
.qy-jobs .card:hover .btn{
  float: right;
}

/* 底部 */

.qy-footer-top{
  color: #ffffff;
  position: relative;
  background:rgba(0,79,178,.9)  url(../images/footbg.png) no-repeat;
  background-size: cover;
}
/* .qy-footer-top:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: rgba(0,79,178,.9);
} */

.qy-footer-top .ctxt{
  font-size: 14px;
}

.qy-footer-top a.detail {
  display: block;
  height: 32px;
  width: 86px;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  border: 2px solid #D3D3D3;
  margin: 22px 0 0 0;
  background: #fff;
  color: #202A30;
  border-radius: 18px;
}
.qy-footer-top a.detail:hover {
  border: 2px solid #fff;
  background: #186aab;
  color: #fff;
}



.qy-copyright{
  background: #262f36;
  color: #84898d;
}

.qy-copyright a,.qy-copyright a:link{
  color: #84898d;
}

.qy-mobile {
  background-color: #84898d !important;
}
.qy-nav-bg:hover{
  background-color: #262f36 !important;
}


@media (max-width: 991.98px){
  .qy-nav{
    padding:0.5rem 1rem;
  }

  .zp-img .card-img-top{
    height: 185px;
  }

  .index-case .num .cont {
    width: 95%
  }

  .navbar-nav .sub-nav {
    position: absolute;
    top: 0px;
    left: 100px;
   }  
}